<template>
  <div id="app">
   
    
   <!--  <Mypanel price='清仓大甩卖' title=39 :info="msg"></Mypanel> 
     <Mypanel price='超级无敌炫迈' title=88 info="现在只要6.6就能买回家"></Mypanel>  -->
     <my-panel v-for="(item,index) in list" :key=index
     
             :price=item.price
              :title=item.title
              :info=msg

              > </my-panel>
  </div>
</template>

<script>

import MyPanel from './components/Mypanel'    
//import Mypanel from './components/Mypanel.vue'
export default {
 components: { MyPanel },
 /*  components:{      //局部
   Panel
  }, */
  data() {
    return {
     msg:'便宜大甩卖',
     list:[{price:'超级无敌大鸡腿',title:9.9},{price:'超级无敌大香肠',title:8.8},{price:'超级无敌小蘑菇',title:6.6}]
    }
  }
}
</script>

<style lang="less">
body {
  background-color: #ccc;
 
}
</style>